﻿<script type="text/javascript">
  function show(num)
  {
    var data1 = document.getElementById("data1");
    var data2 = document.getElementById("data2");
    var data3 = document.getElementById("data3");
    
    var tab1 = document.getElementById("tab1");
    var tab2 = document.getElementById("tab2");
    var tab3 = document.getElementById("tab3");
    
    if(!data1 || !data2 || !data3 || !tab1 ||
       !tab2 || !tab3) return;
       
    data1.style.display = "none";
    data2.style.display = "none";
    data3.style.display = "none";
    
    tab1.style.borderBottom = "1px solid black";
    tab2.style.borderBottom = "1px solid black";
    tab3.style.borderBottom = "1px solid black";
    
    tab1.style.backgroundColor = "#E0E0E0";
    tab2.style.backgroundColor = "#E0E0E0";
    tab3.style.backgroundColor = "#E0E0E0";
    
    if(num < 1 || num > 3) num = 1;
    
    switch(num){
      case 1 : data1.style.display = "block";
               tab1.style.borderBottom = "1px solid #F0F0F0";
               tab1.style.backgroundColor = "#F0F0F0";
               break;
      case 2 : data2.style.display = "block";
               tab2.style.borderBottom = "1px solid #F0F0F0";
               tab2.style.backgroundColor = "#F0F0F0";
               break;
      case 3 : data3.style.display = "block";
               tab3.style.borderBottom = "1px solid #F0F0F0";
               tab3.style.backgroundColor = "#F0F0F0";
               break;
    }
  }
</script>